import { ElContainer } from "element-plus";
import { defineComponent } from "vue";
import "./index.scss";

import c from "./layout.module.scss";
import Main from "./components/Main";

import Header from "./components/Header/header";
import Aside from "./components/Aside/aside";

export default defineComponent({
  name: "layout",
  setup() {
    return () => {
      return (
        <ElContainer class="layout">
          {/* 左侧菜单 */}
          <Aside></Aside>

          {/* 右侧 */}
          <ElContainer class={c.container}>
            {/* 头部 */}
            <Header></Header>
            <Main />
          </ElContainer>
        </ElContainer>
      );
    };
  },
});
